<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>用户中心</title>
  <link rel="stylesheet" href="./user.css">
</head>

<body>
  <ul>
    <li><a href="" class="b">123</a></li>
    <li><a href="">123</a></li>
    <li><a href="">123</a></li>
    <li><a href="" class="c">123</a></li>
    <li><a href="" class="c">123</a></li>
    <li><a href="" class="c">123</a></li>
    <li><a href="" class="c">123</a></li>
  </ul>
  <div style="margin-left: 16%;height: 1000PX;padding: 1px 10px;">
    <h2>Fixed Full-height Side Nav</h2>
    <h3>Try to scroll this area, and see how the sidenav sticks to the page</h3>
    <p>Notice that this div element has a left margin of 25%. This is because the side navigation is set to 25% width.
      If you remove the margin, the sidenav will overlay/sit on top of this div.</p>
    <p>Also notice that we have set overflow:auto to sidenav. This will add a scrollbar when the sidenav is too long
      (for example if it has over 50 links inside of it).</p>
    <p>Some text..</p>
    <p>Some text..</p>
    <p>Some text..</p>
    <p>Some text..</p>
    <p>Some text..</p>
    <p>Some text..</p>
    <p>Some text..</p>
  </div>
</body>

</html>